<template>
  <el-container style="height:100%">
    <el-header style="padding:0;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);" height="80px">
      <navbar :navList="navList" />
    </el-header>
    <el-container>
      <!-- <transition>
        
      </transition>-->
      <router-view></router-view>
    </el-container>
  </el-container>
</template>

<script>
import navbar from "@/components/Nav.vue";
import pane from "@/components/NavItem.vue";
export default {
  components: {
    navbar,
    pane
  },
  data() {
    return {
      navList: [
        { label: "主页", icon: "icon-home", path: "/home" },
        { label: "游戏", icon: "icon-game", path: "/game" },
        { label: "交易", icon: "icon-trade", path: "/trade" },
        { label: "积分", icon: "icon-integral", path: "/integral" },
        { label: "我的", icon: "icon-my", path: "/my" },
        { label: "设置", icon: "icon-setting", path: "/set" }
      ]
    };
  }
};
</script>

<style scoped>
.main-box {
  padding: 0;
}
</style>
    

